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PART ONE: Multiple Choice (50 questions: 1 mark each). 


<!DOCTYPE htm1> 
<htm1> 


<head> 
<!-- The J-Prop Shop Sample Page 
Author: David Vinet 
Date: 3/1/2014 
--> 
<title>The J-Prop Shop</title> 


1 7 lg href="jpsstyles.css" rel="stylesheet" type="text/css" /> 
</head> 
2 e | 

Figure 1: The J-Prop Shop HTML. 
1/ Item 1 indicated in figure 1 is the element. 

1. heading 

2. body 

3. block-level 

4. link 
2/ Item 2 in the figure 1 represents the of the style sheet. 

1. heading 

2. filename 

3. body 

4. folder 


3/ Item 3 in figure 1 represents the style sheet 


text 
filename 
link 
language 


PWNP 


Question 4 is on page 3 


4/ The most commonly used character set on the Web is 


Wen 


5/ Character 


UTF-8 
ASCII 
Latin-1 

ISO 8859-1 


character reference. 


pee ee 


encrypting 
encoding 
programming 
coding 


6/ The first portion of a URL identifies the ; 


7/ To specify a hotspot in an image map, you can use the shape. 


Wie Ne 


Be Wo er 


prototype 
index 
protocol 
resource 


circle 

poly 

rect 

all of the above 
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associates each symbol from a character set with a numeric value called the numeric 


Question 8 is on page 4 
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8/ An advantage of image maps is that, when a user clicks a link, the information does not have to be 


sent over the network or dial-up connection. 


PW 


9/ With HTML, absolute pathnames begin with a : 


GIN cS 


10/ CSS allows RGB values to be entered as ‘ 


a eo 


11/ The 


sheet. 


ee oS 


server-side 
client-side 
target-side 
user-side 


slash 
period 
comma 
parenthesis 


decimals 
hexadecimals 
binary 
unicode 


@import 
@embed 
*import 

&import 


statement must always come before any other style rules in the style 


Question 12 is on page 5 
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12 / If you use a hexadecimal value for a color, you preface the hexadecimal string with a symbol. 
1. pound # 
2. ampersand & 
3. question mark ? 
4. exclamation mark ! 


13/ If an element contains 12pt text, a length of 2em equals 


1. 24pts 
2. 12pts 
3. Apts 
4. 2pts 
14/ The style rule applies a 10-pixel margin above and below every h1 element, and a 20-pixel margin 


to the left and right. 


Pre re 


15/ To stack elements, you can use the style. 


ew ei 


hi {margin: 20px 10px;} 
hi {margin: 10px 20px;} 
h2 {margin: 10px 20px;} 
hi {margin: 20px 20px;} 


index 
layer 
z-index 
z-layer 


Question 16 is on page 6 
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16/ measures the intensity of the chosen color and ranges from 0% (no color) up to 100% (full 
color). 
1. hue 
2. saturation 
3. lightness 
4. darkness 
17/ To apply the styles to every element nested within the body element, the style rule uses a selector. 
1. dash - 
2. ampersand & 
3. asterisk * 
4. quote “” 
18/A is one in which the size of the Web page and the size of the elements within it are set without 


regard to the screen resolution. 


ee Ws Nr 


fluid layout 
fixed layout 
liquid layout 
stationary layout 


19/ What is the value of the list-style style that will cause no marker to be displayed? 


pecs aa Te 


empty 
void 
null 
none 


Question 20 is on page 7 
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20/ Which pseudo-element can be used to create a drop cap? 


first-line 
before 
first-letter 


BW re 


after 


21/ To create a cell that spans three rows in a table, you enter the <td> tag as : 


<td colspan>“3”> 
<td rowspan=“3"> 
<td colspan=“3”> 


gaye 


<td rowspan>“3”> 


22/ Within a table row, a two-sided tag indicates the presence of individual table cells. 


<tr> 
<td> 
<tc> 
<th> 


BW. Nae 


23/ The default cellspacing value in most browsers is pixels. 


PWN PR 
co Dn FN 


Question 24 is on page 8 
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24/ \|f two borders have the same width but different styles, borders have the highest priority. 


25/ The attribute has two possible values: get and post. 


eee me 


gps 2 a 


solid 
grooved 
dashed 
double 


value 

id 
method 
name 


26/ The parameter starts YouTube video playback at the specified number of seconds into the video. 


By We Se 


autoplay = 0|1 
start = value 
playlist = list 
loop = 0|1 


27/ In the <applet> tag, the attribute provides a text description of the applet for browsers that do not 


support Java applets. 


Pn Ne Ar 


alt 

text 
string 
preload 


Question 28 is on page 9 
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28/ The default shape of a radial gradient is , with the specific dimensions based on the size of the 
containing object and the size of the gradient. 


NEN, sk 


rectangle 
square 
ellipse 
circle 


29/ If you do not set the orientation value, browsers print the output in by default. 


WN 


landscape 
preview 
portrait 
PDF 


30/ Which of the following attributes displays the audio controls in the Web page? 


Pn SN 


autoplay =”controls” 
loop ="loop” 
|” 


src ="ur 
controls=”"controls” 


31/ The contents of a Web page are displayed within a window known as the ; 


Pw ee 


view 
viewport 
open port 
screen 


Question 32 is on page 10 


32/ Documents written in MathML and CML are documents. 


aoe er a ae 


XHTML 
HTML 
XSL 
XML 
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33/ When converting old HTML code to XHTML, make sure that attribute values are placed in : 


Pn SO NS 


“an 


quotes 
parentheses () 
braces { } 

square brackets [ ] 


34/ The clear attribute is a prohibited attribute of the element, in the strict DTD. 


ys SOs Nar 


body 
br 
caption 
ul 


35/ The type attribute value for JavaScript is : 


Paw Mar 


text/js 
text/javascript 
script/js 
script/javascript 


10 


Question 36 is on page 11 
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36/ Each JavaScript command line ends witha ___ to separate it from the next command line in the 
program. 

1. comma, 

2. ampersand & 

3. semicolon; 

4. exclamation mark ! 


37/ You can declare a variable in JavaScript using the command. 
1. dec 
2. var 
3. this 
4. val 


38/ If you want to validate code from international documents, you will need to select a different option 


from the validator list box. 
1. file 
2. XML 
3. DTD 
4. encoding 
39/ To add code that runs when the content of an input field has been modified, you use the event 
handler. 
1. onload 
2. onchange 
3. onfocus 
4. onblur 


Question 40 is on page 12 
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40/ To create a random integer from a range of values, you set the values for the lowest and size parameters 


in the function. 
1. round() 
2. randdec() 
3. random() 
4. randint() 
41/ When JavaScript displays a numeric value, it stores that value to digits of accuracy. 
1.4 
2. 8 
3. 12 
4. 16 
42/ |In Javascript the operator increases a value by 1 (unary operator). 
+ 
* 
3. ++ 
4. ~ 
43/ The constant has the approximate value of 3.1416. 
1. Math.X 
2. Math.E 
3. Math.Pl 
4. Math.C 


Question 44 is on page 13 
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44/ Which function makes sure that a number is not greater than the largest numeric value supported by 


JavaScript? 


Pr WN: do 


isNaN(value) 
isNull(value) 
isZero(value) 
isFinite(value) 


45/ In JavaScript, to clear all commands set to repeat, you use ; 


aan SO EN 


clearTimeout() 
clearRepeat() 
clearDelay() 
clearlnterval() 


46/ Which method can be used to rearrange array items in alphabetical order? 


Ws Ie 


split 
reverse 
sort 
push 


47/ The process of executing all of the contained statements within a loop is called an of the loop. 


yee Se 


iteration 
implementation 
execution 
process 


Question 48 is on page 14 
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48/ Consider the following code: 


int j = 3; 


while (j < 10) { 


document.write("J has value "+j); 


After how many times does the loop stop? 


1. 5 

2. 10 

3. 6 

4. The loop never stops 


49/ The method converts an array into a comma separated list. 
1. push 
2. toString 
3. toList 
4. csv 


50/ If you want to work with the content of a document displayed in the browser window, you can use the 


object reference : 


window.document 
content.document 
text.document 


ape 


document.body 
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PART TWO: Short-Answer (2 questions: 10 marks each). 


1/ Discuss the three categories—fixed, fluid, and elastic-of web page layouts. 


2/ What are the steps to link a webpage to a document on a server? 


PART THREE: Short Programming Tasks (3 questions: 10 marks each). 


1/ Create a simple two-row, two-column table with a 5 pixel wide, blue border and a caption titled 
“COMP160 Class Schedule” using HTML (providing the code for the table only is sufficient). 


2/ Provide code to set the style of a printed page to have a width of 8.5in, height of 11in, a margin of lin and 
an orientation of landscape mode. 


3/ Given a Date object 


Date(“March 27, 2015, 14:35:28”) 


stored in a variable called Today, list six date methods to extract and display individual component values of 
this date object. 


Please Remember — This examination question paper MUST BE HANDED IN. 
Failure to do so may result in cancellation of all marks for this examination. 


Writing your name and number on the front will help us confirm that your 


paper has been returned. 
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